﻿nav li{float: left;}
/*header{background: url(../images/index.png) no-repeat 0 20px;}*/
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #333 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent !important;
    /* background-image: none; */
     transition: background-color 50000s ease-in-out 0s; 
}
header input{display: block;width:270px; height: 50px;border:0; outline: none; text-indent: 60px;color:#fff; background:#4062ac url(../images/1-search.png) no-repeat 25px 15px;  }

a{color:#333;}
a:hover{color:#ff623f}

.navbar-fixed-top{ position:fixed; top:0;left: 0; right: 0; z-index:1030;background:#fff}
#waterfall { margin: auto; position: relative; }

#topmenu_keleyi_com{display:none;position:fixed;top:0px;left:0px;right:0px;width:800px;height:50px;margin-left:auto;margin-right:auto;background-color:transparent;} 

.m-pro .img-responsive{width:100%}
.content video{max-width:100%}
img{-webkit-user-drag: none}
.m-zz{width:30%;position: fixed;bottom: 50px;cursor: zoom-in}
.m-zz-mark{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: #000;opacity: 0.5;filter: Alpha(opacity=50);z-index: 1000;transition: all 1s;display: none}
.m-zz-big{width: 60%;position: fixed;left: 0;top: 0;right: 0;bottom: 0;margin: auto;display: none;z-index: 9999}
.m-zz-mark>img {position: fixed;right: 10px;top: 10px;width: 60px;cursor: pointer}
/*nav*/
.xs-nav { height:90px;}
#menu {  position: relative; z-index: 2; }
.m-menu {display: block;position: relative; float:left;width:170px; line-height: 50px; font-weight: bold;  color: #fff;    background: #274689;  }
.m-menu .span1{position:relative; top:5px; margin:0 15px; font-size:30px;}


.m-menu:hover .tit { display: block; }
#menu .tit {  position: absolute; line-height: 40px; text-align: center;  background-color: #274689;}
#menu .tit li:first-child { border-top: none; }
/*@media \0screen\,screen\9 {
#menu .tit { background-color: #6c0e11; filter: Alpha(opacity=60); position: static;*zoom:1;
}
#menu .m-cate{ position: relative; }
}*/
#menu .m-cate { width: 170px;padding: 13.6px 0 13.5px 0;  border-top: 1px #2c3759 solid; }
#menu .m-cate h2 { font-size: 15px; font-weight: bold; }
#menu .m-cate h2 a { color: #FFFFFF; }

.m-cate .u-zx{height: 65px;background: url(../images/1-1.1.png) no-repeat center 5px;}
.m-cate .u-zx a{display: block;padding-top: 30px;}
/*nav choose*/
#menu .on { width: 170px;padding: 13.6px 0 13.5px 0; border-top: 1px #2c3759 solid;  background: #fff; }
/* #menu .on .u-zx{background: url(../images/1-1.1.hover.png) no-repeat center 5px;} */
#menu .on h2 a { color: #274689; }
#menu .tit li:last-child{background:#274689}
#menu .tit li:last-child h2 a{color:#fff}
#menu .on .m-subcate { display: block !important;/* !important 强制显示，否则会闪烁*/ }
/*#menu .m-cate a.hot_sub{background:#fff;font-size:12px;border-radius:9px;padding:0px 5px;margin-left:5px;}
#menu .on a.hot_sub{color:#c4181f;}*/
#menu .m-subcate { display: none; position: absolute; top: 0; left: 170px;/*width: 1000px;*/ height: 348.47px;  box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.4);  overflow: hidden; z-index: 3; background: rgba(24,27,37,0.9);-moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
#menu .m-subcate_main {float: left; width: 720px; height: 348.47px; padding: 20px;/* padding: 0px 20px 1000px 20px; margin-bottom: -1000px; */ border-right: 1px #ddd solid;  }
#menu .m-subcate_main dl{float: left; width: 200px; margin:0 10px;}
#menu .m-subcate_main dt{text-align: left}
#menu .m-subcate_main dd{height: 40px; line-height:40px; width:195px;margin:10px 5px 10px 0;}
#menu .m-subcate_main dd a{color:#fff}
#menu .m-subcate_main dl:first-child dd{ background: #0c2357}
#menu .m-subcate_main dl:nth-child(2) dd{ background: #0c2357}
#menu .m-subcate_main dl:last-child dd{ border:1px solid #373434;}
/*#menu .arrow_dot { width:0px;height:0px;overflow:hidden;font-size:0px;margin:9px 0 0 5px;border:4px transparent dashed;border-left:4px #FFFFFF solid;}*/
/*ad*/
#menu .m-subcate_side { float: left;width: 280px;height: 348.47px; }
#menu .m-subcate_side img{margin:7.24px 0;}
#menu .m-subcate_gg { display: block; position: absolute; top:10px; }
.m-list{float:left; width: calc(100% - 450px); margin:0 50px; line-height: 50px;}
.m-list li{width:16.666%; text-align: center;font-size: 16px;}
.m-list .hover a{color:#ff623f}
.phone { float:right; text-indent: 4em;  background: url(../images/1-1.png) no-repeat 10px 2px;}
.phone span{display: block; }

#nav{width: 100%;height:100px;z-index: 5;}
.banner,.index-banner{z-index: -1;position: relative; text-align:center;}
.index-banner img{height:348.47px;  margin:0 auto;}




.m-pro{background: #eee;}
.m-pro .u-pubtit{border-bottom: 2px solid; }
.m-pro-hot .u-pubtit{border-bottom-color: #c3281f;}
.m-pro-cs .u-pubtit{border-bottom-color: #c3281f;}
.m-pro-zs .u-pubtit{border-bottom-color: #c3281f;}
.m-pro-xs .u-pubtit{border-bottom-color: #c3281f;}
.m-pro .u-pubtit h2{width: 170px;color: #fff;}
.m-pro-hot h2{background: #c3281f;}
.m-pro-cs h2,.m-pro-cs .u-pop{background:#c3281f; }
.m-pro-zs h2,.m-pro-zs .u-pop{background: #c3281f;}
.m-pro-xs h2,.m-pro-xs .u-pop{background: #c3281f;}
.m-pro h3 a{margin: 10px 0;font-size:16px;color:#343434;}

.m-pro span{display: block;}
.m-pro dl{position: relative;bottom: 0;float: left; padding:25px;  background: #fff; -webkit-box-shadow: 0 0 15px 2px #bfbfbf;
    -moz-box-shadow: 0 0 15px 2px #bfbfbf;
    box-shadow: 0 0 15px 2px #bfbfbf;
   
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    }
.m-pro dl:hover{bottom:10px;-moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

.m-pro .u-det1{padding:4px 12px;color: #fff; background:#c4181f;}
.m-pro-hot,.m-pro-cs,.m-pro-zs,.m-pro-xs{overflow: hidden;}
.m-pro-hot dd:nth-last-child(2){float:left;color: #858585;}
.m-pro-hot dd:last-child{float: right;margin-top:13px;}
.u-det2{padding:5px 30px;border:1px solid #c9c9c9; }
.m-pro .u-pop{display: none;position: absolute;left: 0; bottom: 0;width: 100%; padding:10px 20px; text-align: center; color: #fff;}
.m-pro dl:hover .u-pop{display: block;}


.bar{display: none ; position: fixed;left:0;top:0; width:100%;height:40px;z-index: 999; color:#fff; background:#274689; }
.bar ul li{float:left;width:calc((100% - 180px) / 6);  text-align: center;}
.bar ul li:hover{background: #c3281f}
.bar ul li a{ display:block;  line-height:40px; color:#fff;}

.index-case figure img{height:267px;}
.m-case{ overflow: hidden }

.m-case figcaption{margin-top:-36px;line-height: 36px; color: #fff;background: #2f7ab4;opacity:0.8; }
.m-case figure:hover figcaption{background: #c3281f}
.m-case-dec div{position: absolute; top:80px;left:0; right: 0;}
.m-case-dec h2{font-size: 24px; font-weight: bold;}
.m-case-dec p{width:80%; margin:0 auto; padding: 30px 0;}
.m-case-dec a{color:#00275b;}



.m-about{position:relative;margin-top:55px;}
.m-about .m-about-bg{display: none;position:relative;height:552px;overflow: hidden;background-position:center;background-repeat:no-repeat;-webkit-transition:all .3s ease;transition:all .3s ease;}
.m-about .m-about-bg video{position: relative;width: 1170px}

.m-about .m-about-bg-r{position:absolute;top:0;right:0;width:100%;height:100%;padding:30px 15px;background-color:rgba(35,45,51,.75);}
.m-about .m-about-bg-r h3{color:#ff623f;font-size:2.4286em}
.m-about .m-about-bg-r h4{margin-bottom:14px;padding:4px 0 10px;border-bottom:3px solid #ff623f;font-size:1.57143em;}
.m-about .m-about-bg-r p{line-height:28px}
.m-about-b{position:absolute;left:15px;bottom:5%;font-size:34px;color:#7f7f7f;}
.m-about-b i{margin:0 7px;cursor:pointer}


.m-tec{background: #3a4465; }
.m-tec p{padding:20px 0;font-size: 18px;color:#fff;}
.m-tec h2{padding:40px 0;font-size: 24px; color:#fff; }
.m-tec img{ display: inline-block;max-width: 100%; height: auto; }
.m-tec span{display: block;float: left}
.m-tec ul{overflow: hidden;}
.m-tec li{float:left;width: 50%}
.m-tec-jt{width: 8.841%; margin-top:90px;}
.m-tec-1 li:last-child,.m-tec-2 li:nth-child(2),.m-tec-2 li:nth-child(4),.m-tec-2 li:nth-child(6),.m-tec-3 li:nth-child(2),.m-tec-3 li:nth-child(4){margin-right:0;}
.m-tec-1 img,.m-tec-2 img,.m-tec-3 img{border:1px solid #fff;}
.m-tec-1{width:18%;}
.m-tec-1 ul{padding-bottom: 8px}
.m-tec-3 ul{padding-bottom: 4px}
.m-tec-1 li{ width:calc(50% - 3px);margin-right:3px;}

.m-tec-2{width:14.577%;}
.m-tec-2 li{width:calc(50% - 8px);margin:0 8px 8px 0;}

.m-tec-3{width:18.55%;}
.m-tec-3 li{width:calc(50% - 4px);margin:0 4px 4px 0;}



.m-news .m-news-l{box-shadow: 0 0 10px 2px #bfbfbf;  }
.m-news .m-news-l:last-child{margin-right:0;}    
.m-news h2{padding:0 20px; line-height: 70px; color:#2d2d2d;background: #eeeeee; }
.m-news ul{ width:100%; }
.m-news li{ /*list-style-type: disc;*/list-style-position:inside; margin:10px 0;}
.m-news li a{display: inline-block;width:66%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;line-height: 14px;}
.m-news li span{display: inline-block;float:right;width:25%;}
.m-news a:last-child{display: block;width: 118px; height: 30px;line-height: 30px; margin:0 auto;border:1px solid #3c3c3c; border-radius: 15px;text-align: center; }
.m-news p{margin:100px 20px 0 20px; display:block;height:130px;font-size:1.6rem;}

.text-over{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.m-footnav{line-height: 50px;background: #c3281f; }
.m-footnav a{color: #fff}
.m-footlist{padding:20px 0 }
.m-footlist,.m-footlink,.m-footpow{background: #282e41}
.m-footlist a{ display: block; line-height: 25px;color:#bdbfc3;}
.m-footlink{border-top:1px solid #2c3759; border-bottom: 1px solid #2c3759; line-height: 30px;}
.m-footlink span{color:#c3281f;}
.m-footlink a{ padding:0 5px;color:#fff;}
.m-footpow{line-height: 40px; color:#4c5572;}
.m-footpow span{padding:0 5px;color:#bdbfc3;}


@media (min-width:300px) and (max-width:759px){
	.m-about .m-about-bg{height:453px}
}
@media (min-width:450px){
	.m-about .m-about-bg-r{padding:92px 34px 34px}
	.m-about-b{left:34px}
}
@media (min-width:760px){
	.m-about .m-about-bg-r p{font-size:1pc}
	.m-about .m-about-bg-r{width:48.5%;max-width:436px}
	.m-about-b{left:409px}

}
@media (min-width:1000px){
	.m-about-b{left:578px}

}
@media (min-width:1200px){ 
	.m-about-b{left:778px}
}



















td {
    font-size: 14px;
    padding: 5px;
    text-align: center;
}
.other .tit{display: none}
div#menu:hover .other{display: block;}
.m-snav{width: 100%; margin-top:-40px;line-height: 40px; overflow: hidden; background: rgba(255,255,255,0.7); z-index: 999;  text-align:center;}
.m-snav li:hover{background: #ff623f;}
.m-snav li:hover a{color:#fff}
.m-snav .current{background: #ff623f}
.m-snav .current a{color:#fff;}
.m-crm{padding:20px 0;text-align: right; }
.m-crm a{color:#acacac;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;}
.g-news .m-snav li{float:left; width:20%}
.g-news h1{font-size:2.6rem}
.m-hotnews .sm7 div{background: #f8f8f8;}

.m-hotnews .sm7 div span{color: #bdbdbd;}

.m-hotnews li{list-style-type: none;list-style-position:inside;  }
.m-hotnews li a{ display: inline-block;width:80%;}
.m-hotnews li span{float: right}

.m-newslist a{color: #233142; font-weight: bold;}
.m-newslist article:hover .u-time span{background: #ff623f}
.m-newslist article:hover .u-time p,.m-newslist article:hover .u-td,.m-newslist article:hover .u-td a{color:#ff623f;}
.m-newslist .u-time { float: left; width: 85px;margin-top:4px; border:1px solid #cbcbcb;text-align: center; }
.m-newslist .u-time span{ display: block; padding:2px 5px;font-size: 36px; color:#fff;background: #cbcbcb;}
.m-newslist .u-time p{line-height: 30px;font-size: 12px; color:#b3b3b3; }
.m-newslist .u-td{float: right; width: calc(100% - 110px)}
.m-newslist .u-td p{margin-top:10px;}


.m-page{ margin-top:80px;}
/*.m-page ul{display: flex;
    justify-content: center;
    margin: 50px 0;}
.m-page li{float:left; margin:0 5px;padding:5px 10px;border:1px solid #bcbcbc; color:#bcbcbc;}
.m-page li a,.m-page li span{color:#bcbcbc;}
.m-page li:hover{border-color:#c3281f;background: #c3281f;color:#fff;}
*/

.m-page .active{border-color:#c3281f;background: #c3281f;color:#fff;}
.m-page .active a,.m-page .active span,.m-page li:hover a,.m-page li:hover span{color:#fff;}

.m-page a {
    color: #707070;
    margin:0 5px;
    padding:5px 10px;
    border: 1px solid #bcbcbc;
}








.u-down{margin-top:50px;border-top:1px solid #dedede; }
.u-down span{display: block; width:35px; height: 35px;line-height: 35px; margin:-17px auto 0 auto; font-size: 25px;text-align: center;color: #fff;background: #4062ac;  }


.u-goback{display: block;padding-top:55px;}
.u-font,.u-goback{color:#999; }
.u-font li{display: inline-block;}
.font-bigger, .font-normal, .font-smaller,.u-goback{
    cursor: pointer;
}
.font-bigger{padding-right: 5px}
.font-normal{padding-right: 10px}

 .u-pubp i,.u-pubp a,.icon-list,.icon-bell,.sitemap h1{font-weight: bold;color:#ff623f; }

.u-pubp,.u-tag {padding: 20px 0;border-bottom: 1px solid #ddd; border-top:1px solid #ddd; }
.u-server{padding:40px 0;}
.u-tag i{color:#c3281f;padding-right: 8px}
.u-tag a{padding:0 5px;}
.u-pre{padding:20px 0;}
.u-pre p{padding:5px 0;}
.article-news aside {margin-top:60px;}

aside section h2{padding-left:10px;border-left:3px solid #ff623f; }
aside section figure{margin-top:20px;}
aside section figcaption{margin:10px 0;padding:5px 0;background: #f5f5f5; }
.s-tag ul,.s-list ul{margin-top:20px;}
.s-tag li{display: inline-block;}

.s-list li,.m-baike dd{padding:5px 0;color:#ff623f;}
.check-error{color:#e33;transition:all 0s}
.check-error input,.check-error input:hover{border-color:#e33;transition:all 0s}

.m-msg,.bg{background: #f5f5f5;}
.m-msg label,.m-msg input,.m-msg textarea,.m-msg select{margin:10px 0;}
/*.m-liuyan .u-tj{position: relative; left:50%;}
.m-liuyan .u-tj input{position: relative;left:-50%; width: 170px; float:none;}*/

.m-msg label{width:75px; float:left;line-height: 30px}
.m-msg .u-input{position: relative; width:calc(100% - 75px); float:right;}
.m-msg .u-msgtj{padding:5px 40px;border:0; color:#fff;background: #e3230a;cursor:pointer;}
.m-msg .u-asktj{padding:8px; width:70%;border:0;color:#fff;background:#4062ac;  float:right;cursor:pointer;}
.m-msg .label1{width:120px;}
.m-msg .u-input1{position: relative;margin:10px 0;width:calc(100% - 120px); float:right;}
.input-help {
	position: absolute;
	z-index: 1;
	float: left;
	left: 0;
	top: 100%
}

.input-help ul {
	border: solid 1px #ddd;
	background: #fff;
	padding: 10px 10px 10px 25px;
	box-shadow: 0 0 5px #ddd;
	border-radius: 4px;
	width: 160px;
	min-width: 160px;
	width: auto;
	list-style:disc;
	_width: 160px
}


.article-case{overflow: hidden;}
.article-case h1{padding:0;}

.article-case p{padding:3px 0;text-indent: 2em;}
.m-base{margin:10px 0;padding: 10px 0;border-top:1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}

.m-linkmat span{display: inline-block; float: left;width: 70px;}
.m-linkmat ul{overflow: hidden;}
.m-linkmat ul li{float: left; width:30%;margin:0 0 10px 3.3333%;padding:5px 0;background:#f7f7f7 ;}
.m-casezx a{margin-right:10%;padding:8px 40px; border-radius: 15px; color:#fff;background: #ff623f; }
.m-casezx span{font-size: 24px; color:#4062ac;}
.m-casezx span i{font-size: 30px;}
.m-casemain  {}
.m-casemain h2{padding:30px 0;font-size: 22px; color: #4062ac;}
.m-casemain h3{font-size: 18px}
.m-casemain img{margin-top:20px;}
.m-casemain figure{margin:0;}


.g-ask p{padding:15px; background: #f5f5f5}
.g-ask p a{color:#ff623f; font-weight: bold;}
.m-asklist li{margin-top:40px;}
.m-asklist h1{display: inline-block; font-size:2.2rem}
.m-asklist span{display: inline-block;margin-right:10px; padding:7px 10px; color:#fff;}
.m-asklist b,strong{font-size:16px}
.m-asklist1 .u-b1{font-size:1.8rem;}
.m-asklist1 b{color:#ff623f}
.m-asklist1 span{background: #4062ac;}
.m-asklist2 span{background: #ff623f}
.m-asklist2 b{color:#4297db}
.m-asklist1 a,.m-asklist1 b,.m-asklist2 b{line-height: 35px}
.m-asklist2{ margin-top:15px;padding:20px 25px;background: #F7F7F7;}
.m-asklist2 .u-b2{font-size:1.8rem; color:#ff623f; }
.m-asklist2 p{margin-top:10px; color:#666}

.m-askborder{padding:15px;border:1px dotted #ddd;}
.m-asklist #cambrian0 ._1mpIIe{background:#F7F7F7}


.s-main{border:1px solid #e6e6e6;}
.s-main .row,.s-main .s-list{width: 90%; margin:0 auto;}
.s-tj h2{text-indent:15px; font-size: 2.4rem;font-weight: bold; color:#ff623f; background: #f5f5f5}
.s-tj img{margin-top:20px}
.s-tj .u-zx{display: block; width:85%; margin:20px auto; height: 50px;line-height: 50px; font-size: 18px; color: #fff; background: #ff623f;}


.g-list{overflow: hidden}

.g-list h3{font-size: 18px; padding:5px 0;}
.u-tagmore{line-height: 40px; color: #ff623f;}
.g-list .sm1{ color: #fff; background: #4062ac; padding:10px 15px 15px 0;}
.g-list .sm1 span{display: block; font-size: 42px}
.g-list h2{font-size:2.8rem; font-weight:bold;}
.u-tagtime{display:inline-block;padding:15px 25px 25px 25px; margin-top:15px;  background:#4062ac;color:#fff;}
.u-tagtime span{display:block;font-size:36px}
.g-mat img{padding:15px}
.g-mat .u-bg{background:#f6f6f6; overflow:hidden; padding:0 15px}
.g-mat h3{margin:22px 0 10px}
.g-mat p{color: #555;line-height: 1.857em;}


.index-tag article h2{width:150px; height: 50px; line-height: 50px;padding:0; text-align: center; color:#fff;}
.index-tag1 h2{background: #d6150f}
.index-tag2 h2{background: #ff623f}
.index-tag3 h2{background: #4062ac}
.index-tag article section{padding:20px 0; overflow: hidden}
.index-tag article section ul{margin-top:30px;}
.index-tag article section ul li{line-height:30px;}



.list-pro-l,.list-pro-r{margin:25px 0;}
.list-pro-l h2{position: relative;  width: 100%; height: 50px; line-height:50px; padding:0; color:#fff; z-index: 1;}
.list-pro-l img{margin-top:-50px; z-index: -1}
.list-pro-l p{height: 30px;line-height:30px;  margin-top:-50px; text-align: center}
.list-pro-l p a{padding:7px 20px;margin:0 5px; color: #fff}
.list-pro-l p a:first-child{background:rgba(0,0,0,0.4)}

.list-ps h2,.list-ps .list-pro-l p a:last-child{background: #d6150f}
.list-zf h2,.list-zf .list-pro-l p a:last-child{background: #2f7ab4}
.list-zs h2,.list-zs .list-pro-l p a:last-child{background: #5956af}
.list-yd h2,.list-yd .list-pro-l p a:last-child{background: #ff623f}
.list-pt h2,.list-pt .list-pro-l p a:last-child{background: #00a069}
.list-pro-r1 {padding-bottom: 20px; border-bottom:1px solid #f0f0f0;}
.list-pro-r1 a{padding:0 10px;}

.list-pro-r2 dd {padding-top:10px;}
.list-pro-r2 dd h4{font-size: 14px;}
.list-pro-r2 span{color:#a6a6a6;}



.m-proline{overflow: hidden;}
.m-proline .tabbar{width: 40%; float: left}
.m-proline .tabimg{width: 60%; float: left}
.m-proline .tabimg img{height: 215px;}
.m-proline li{border-top:1px solid #eeeff0; line-height:53px; background: #fff}
.m-proline li:first-child{border:none;}
.m-proline li:hover,.m-proline .current{background: #ff623f; }
.m-proline li:hover a,.m-proline .current a{color: #fff}
.m-proline dd{ 
background: #76c400;
    opacity: 0.85;
    transition: 0.5s;
	height: 40px;
    margin-top: -40px;
    line-height: 40px;}

.m-mat span{
    /* font-size: 16px; */
    /* font-weight: bold; */
    float: right;}
.m-mat p a:not(:last-child)::after{
        content: "|";
        margin:10px;
    }


.art-prozx {border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;padding:30px 0; margin:20px 0;}
.art-prozx a{display: inline-block; width: 160px; height: 50px; line-height:50px;  color: #fff; border-radius: 15px; font-size: 18px; }
.art-prozx a:first-child{background: #4062ac;margin-right:30px}
.art-prozx a:last-child{background: #ff623f}
.art-promod a{display: inline-block; width: 100%; background: #f7f7f7;margin:10px 0; padding:5px 0;}
.art-promenu {background: #f7f7f7}
.art-promenu li{padding:10px 0;}
.art-promenu li:hover{background: #4062ac}
.art-promenu li:hover a{color: #fff}
.art-profea{padding:20px 15px; background: #efefef}
.contact {overflow: hidden}
.contact i{ font-size: 50px;color:#e1e2e6; }
.contact li span{display: block; color:#767676;}
.contact li p{color: #ff623f}
.m-map,.m-map iframe{width: 100%;height: 300px;}

.about1{height: 75px; line-height:75px; font-size: 24px; color: #fff; background: #4062ac}

.content p{color: #646464;line-height:2em;}
.content p img,.content div img{display: block;margin:0 auto}
.u-more a{display: block; margin:0 auto; width: 170px;height: 40px;line-height: 40px; color:#fff; background: #4062ac; border-radius: 6px}
.u-more a:hover{background: #ff623f}
.g-search h1 b{color:#ff623f}
.sitemap .icon-list{top:1px;position: relative;}
h2.u-title{    font-size: 26px;
    font-weight: 700;
    color: #ff623f;
    position: relative;
    text-align: center;
    margin: 30px 0;}
    h2.u-title:before{left:20%;}
    h2.u-title:after{right:20%;}
h2.u-title:after, h2.u-title:before {
    content: '';
    position: absolute;
    top: 50%;
    background: #ff623f;
    width: 15%;
    height: 1px;}

/* 遮罩层 */
.mask{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.4;
opacity:.40;
filter: alpha(opacity=40);
}
.popup {
display: none;
position:fixed;
top: 0;
right: 0;
width: 180px;
height: auto;
background-color: #282828;
z-index:1002;
overflow: auto;
color: white;

}
.popup p{font-size: 1.8rem;padding:1rem 0; border-bottom: 1px solid #454444;}
.popup li{font-size: 1.6rem; padding:0.75rem 0; border-bottom: 1px solid #454444;}
.popup li a{color:#fff}
.popup a:last-of-type li{border:none;}
#close{position:fixed;
    right: 190px;
    top:0;
   display:none;
 font-size: 30px;}
#open{font-size: 30px;color:#111}

/* 遮罩层 */


#elevator_item {
      position: fixed;
    right: 0.5rem;
    bottom: 4rem;
   
    height: 7.5rem;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    opacity: 1;
    z-index: 100020;
    display: none;
}
#elevator {
	width: 5rem;
    height: 5rem;
    cursor: pointer;
    display: block;
   
    background: url(../images/icon-top.png) center center no-repeat;
    background-size: 5rem;
  
}



/*for di fu dong*/
.mob-foot{overflow: hidden;
    position: fixed;
    bottom: 0;
   /* -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
    background-color: #fff; padding:1rem 0;
    z-index: 9999;margin:0 auto;width: 100%;}
.mob-foot a{
    float: left;
    width: 33.33%;
    line-height: 3rem;
    font-size:1.2rem;
    color: #333333;
    text-align: center;
    background-color: #fff;
    position: relative;
    }
.mob-foot a img{display: inline-block;
    vertical-align: middle;
    margin-right:0.2rem;
    width: 18px;}
.mob-foot a:nth-child(2){
    background: -webkit-linear-gradient(left, #ff6255, #ec0823);
    background: -o-linear-gradient(left,#ff6255, #ec0823);
    background: -moz-linear-gradient(left,#ff6255, #ec0823);
    background: linear-gradient(left,#ff6255, #ec0823);
    color:#fff;
    border-radius: 2rem 0 0 2rem;
    }
.mob-foot a:nth-child(3){ background: -webkit-linear-gradient(left, #ffcb01,#ff9502 30%,#ff9502);
    background: -o-linear-gradient(right, #ffcb01,#ff9502 30%,#ff9502);
    background: -moz-linear-gradient(right, #ffcb01,#ff9502 30%,#ff9502);
    background: linear-gradient(to right, #ffcb01,#ff9502 30%,#ff9502); color:#fff;
	border-radius: 0px 2rem 2rem 0;}
/*for di fu dong*/



@media screen and (max-width:1199px){
	#menu .m-subcate{width:800px;}
	.banner img{height:auto}
	.m-list{ width: calc(100% - 170px); margin:0; }
	.m-list li{width:16.666%; text-align: left}
	.index-case figure img{height:220px;}
	.m-case-dec img{height: 470px}
	.m-case-dec div{top:60px;}
	.m-case-dec p{padding:20px 0;}
	.m-tec-jt{margin-top:73px;}
	.m-menu{display: none}
	.m-news li span{width:30%;}
	.m-news li a{width:59%;}
	.m-proline .tabimg img{height: 191px;}
    .m-proline li{border-top:1px solid #eeeff0; line-height:47px; background: #fff}
    .m-mat a{ margin:6px 0;}
	.m-news p{margin-top:70px; height:100px;}
.index-banner img{height:auto}

}

@media screen and (max-width:999px){
	.index-case figure img{height:162px;}
	.m-case-dec img{height: 354px}
	.m-case-dec div{top:50px;}
	.m-case-dec p{width:85%; padding:17px 0;}
	.m-news li a{width:80%;}
	.m-news li span{width:12%;}
	.m-tec-jt{ margin-top:50px;}
.m-proline .tabimg img{height: 263px;}
.m-proline li{border-top:1px solid #eeeff0; line-height:65px; background: #fff}
.m-mat a{ margin:10px 0;}
aside{margin-top:40px}
.m-footpow{line-height: 25px; padding:15px 0}
.m-footpow span:first-child,.m-footpow span:last-child{display:block}
}

@media screen and (max-width:767px){
.m-about .m-about-bg video{position: relative;width: 960px}
	.m-list{ width: 100%; margin:0; }
	.m-list li{width:50%; text-align: center}
	.index-case figure img{height:auto}
	.m-news li a{width:94%;}
	.m-news li span{display: none;}
	.m-case-dec img{display: none}
	.m-proline .tabbar{width: 100%; float: left}
.m-proline .tabimg{width: 100%; float: left}
.m-proline .tabimg img{height: auto}
.m-mat a{ margin:10px 0;}
.art-pro h1{margin-top:20px}
.art-prozx a:first-child{margin-right:10px}
#elevator{
	width: 3.5rem;
    height: 3.5rem;
	background-size: 3.5rem;}

#elevator_item {
      
bottom: 6rem;}
.m-footpow{padding-bottom:45px}
}
@media screen and (max-width:364px){
	
	.art-prozx a{width:140px}
}

.abb1-p {
    margin-top: 20px;
    font-size: 16px;
}

.abb1-def {
    margin-top: 30px;
    height: 82px;
    background: url(../picture/abb1-def.png) no-repeat left center;
}

.ab-block2 {
    padding-top: 80px;
    /* padding-bottom: 80px; */
}

.ab-block2 h2 {
    font-size: 30px;
    color: #343434;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
}

.abb2-list {

    /*height: 256px;*/
}

.abb2-btn {
    margin-top: 40px;
    text-align: center;
}

.abb2-btn .btn {
    width: 160px;
    margin-left: 30px;
}
.btn-red {
    background-color: #cc4747;
    color: #ffffff;
}
.btn-bluebd {
    border: solid 1px #00429D;
    color: #00429D;
}

.btn {
    width: 200px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    transition: 0.36s;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.ab-block3 .inb4-box {
    top: -230px;
    box-shadow: 0;
    height: 150px;
    background-color: #1355B6;
}
.inb4-box {
    width: 100%;
    position: absolute;
    top: -100px;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    height: 170px;
    background-color: #fff;
}
.ab-block3 {
    padding-top: 80px;
    padding-bottom: 40px;
}
.inb4-list:first-child {
    background: none;
}
.ab-block3 .inb4-list {
    height: 150px;
    line-height: 150px;
    background: url(../images/inb4-line.png) no-repeat left center;
}
.inb4-list {
    float: left;
    width: 33.33%;
    height: 170px;
    text-align: center;
    line-height: 170px;
    background: url(../images/inb4-line.png) no-repeat left center;
}

.abb3-box {
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}
.ab-block2 h2 {
    font-size: 30px;
    color: #343434;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
}
.abb3-main h2 {
    font-size: 30px;
    color: #343434;
    line-height: 36px;
    font-weight: bold;
    text-align: center;
}
img.markimg {
    width: 100%;
}
.abb3-box .overBox {
    height: 392px;
    overflow: hidden;
}
.abb3-box li {
    width: 280px;
    float: left;
    margin-right: 20px;
    background: rgba(255,255,255,1);
    background: rgba(255,255,255,1);
    border: 1px solid rgba(235,235,235,1);
    box-sizing: border-box;
    padding: 20px 40px 30px;
}

.abb2-list p {
    margin-top: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    height: 48px;
    text-align: center;
    margin-bottom: 30px;
}

figure.box {
    position: relative;
    /* width: 50%; */
    height: 0;
    padding-bottom: 66.7%;
}


@media (min-width:992px){
    
.wsc-fixBar{
    position: fixed;
    right: 0;
    top: 52%;
    z-index: 1000;
}
.wsc-fixBar .fix-item{
    width: 76px;
    height: 62px;
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #E1E8F4;
    transition: 0.36s;
    margin-top: -1px;
}
.wsc-fixBar .fix-item a{
    display: block;
    width: 74px;
    height: 100%;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1;
	padding-top: 35px;
	text-align: center;
	color: #6F7FA0;
}
.wsc-fixBar .fb-top{
    margin-top: 20px;
    height: 46px;
    display: none;
}
.wsc-fixBar .fix-item.fb-online {
    background-color: #CA3236;
    border-color: #CA3236;
}
.wsc-fixBar .fix-item.fb-online a{
    color: #fff;
}
.fb-online a{
    background:  url(../images/fix-online.png) no-repeat  center 11px;
}
.fb-wx a{
    background: url(../images/fix-wx.png) no-repeat  center 12px;

}
.fb-tel a{
    background:  url(../images/fix-tel.png) no-repeat  center 12px;
}
.fb-em a{
    background:  url(../images/fix-em.png) no-repeat  center 14px;

}
.fb-top a{
    background: url(../images/fix-top.png) no-repeat  center center;

}
.fb-online:hover a{
	
}
.fb-wx:hover a{
	background-image: url(../images/fix-wxh.png);
}
.fb-tel:hover a{
	background-image: url(../images/fix-telh.png);
}
.fb-em:hover a{
	background-image: url(../images/fix-emh.png);
}
.fb-top:hover a{
	background-image: url(../images/fix-toph.png);
}
.wsc-fixBar .fix-item:hover{
    background-color: #CA3236;
    border-color: #CA3236;
}
.wsc-fixBar .fix-item.fb-online:hover{
    background-color: #CA3236;
    border-color: #CA3236;
}
.wsc-fixBar .fb-top:hover{
    
	background-color: #fff;
	border: 1px solid #E1E8F4;
}
.fb-wx:hover a,.fb-em:hover a,.fb-online:hover a,.fb-tel:hover a,.fb-top:hover a{
    color: #ffffff;
}
.fbarCon{
    height: 62px;
    line-height:62px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    right: 76px;
    top: 0;
    z-index: 10;
}
.fb-em .fbarCon{
    font-size: 15px;
    font-weight: 600px;
}
.fb-tel .fbarCon,.fb-em .fbarCon{
    width: 165px;
}
.fb-tel,.fb-em{
    overflow: hidden;
}
.fb-tel a,.fb-em a{
    position: absolute;
    right: 0;
	top: 0;
}
.fb-tel:hover,.fb-em:hover{
    width: 241px;
    margin-left: -165px;
    z-index: 10;
}

.fb-wx .fbarCon{
    width: 140px;
    height: 140px;
    display: none;
}
.fb-wx .fbarCon img{
    width: 100%;
}
.fb-wx:hover .fbarCon{
    display: block;
}
}

/*联系我们 服务全国*/
@media (min-width:799px){
    .about-map {
    /*background: url(../images/about-map-bg.png) no-repeat center center;*/
    background-size: cover;
    height: 670px;
    width: 100%;
}
.about-module {
    width: 1180px;
    margin: 0 auto;
}
.p-t-60 {
    padding-top: 60px;
}
.about-map .about-map-box {
    float: left;
    position: relative;
}
.map-border {
    padding-top: 6px;
    padding-left: 4px;
    background: url(../images/about-mp-bg.png) no-repeat -40px -50px;
    width: 65%;
    height: 581px;
}
#map-02 {
    width: 65%;
    height: 581px;
}
.map-tip {
    width: 120px;
    position: absolute;
    bottom: 25px;
    font-weight: 500;
    color: #3c5b87;
    line-height: 20px;
    left: -20px;
}
.map-tip li {
    margin-bottom: 10px;
}
.ui-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.map-tip li:first-child .iconfont2 {
    background: url(../images/about-map-li-icon1.png) no-repeat 0 0;
    background-size: 20px 20px;
}
.map-tip li .iconfont2 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    color: #e95526;
    font-size: 16px;
    background: #fff;
    margin-right: 10px;
}    
.iconfont2 {
    font-family: "iconfont2" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.map-tip li .iconfont2.icon2company-fill {
    color: #008ae8;
}
.icon2company-fill:before {
    content: "\ed7a";
    background: url(../images/about-map-icon.png) no-repeat 0 0;
    background-size: 20px 20px;
}
.icon2map-fill:before {
    content: "\ed79";
    background: url(../images/about-com-ico3.png) no-repeat 0 0;
    background-size: 20px 20px;
}

.map-tit {
    font-weight: 400;
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    margin-top: -42px;
    margin-bottom: 20px;
}
.about-map .about-map-right {
    width: 30%;
    float: right;
    color: #0d335f;
}
.about-map .about-map-right .about-tit {
    color: #0d335f;
    text-align: left;
}
.about-tit {
    font-weight: 500;
    color: #212121;
    line-height: 36px;
    font-size: 28px;
    text-align: center;
}

.about-map .about-map-right .about-tip {
    opacity: .6;
    color: #0d335f;
    text-align: left;
}

.about-module .about-tip {
    text-align: center;
}
.about-tip {
    font-weight: 400;
    color: #747682;
    line-height: 24px;
}
.about-map .about-map-right .about-map-contact {
    margin-top: 100px;
}
.about-map .about-map-right .about-map-contact .normal-btn {
    width: 253px;
    height: 48px;
    line-height: 48px;
    border-radius: 2px;
    font-size: 18px;
}
.primary-btn {
    background: #e95526;
}
.normal-btn {
    height: 32px;
    line-height: 32px;
    color: #fff;
    padding: 0 16px;
    display: inline-block;
    background-color: #3c5b87;
    border-radius: 2px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    outline: 0;
    border: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m-t-20 {
    margin-top: 20px;
}
.ui-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.about-map .about-map-right .about-map-contact .about-map-tel em {
    height: 32px;
    font-size: 20px;
    margin-left: 10px;
    line-height: 32px;
    font-weight: 700;
}
.about-map .about-map-right .about-map-contact .about-map-tel i {
    width: 22px;
    height: 22px;
    background: url(../images/ico-tell.png) no-repeat 0 0;
    background-size: 22px 22px;
    margin-top: 6px;
}



    
    
    
    
    

